<?xml version="1.0" encoding="UTF-8" ?>
<!-- Exempel:
<computer>
  <id>1</id>   
  <title>Javaprogramming</title>
  <authorname>Fredrik</authorname>
  <authorsurname>Alund</authorsurname> 
  <price>23</price>
  <pages>234</pages>
  <description>Bla bla bla</description>
</computer>
-->
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
  <xsl:output method="html"/>
  
  <xsl:template match="shoppingcart/order">
    <tr>
        <td>
            computer
        </td>
        <td align="left">&#160;&#160;&#160;<xsl:value-of select="hdd/name"/>&#160;&#160;&#160;</td>
        <td align="left">&#160;&#160;&#160;<xsl:value-of select="motherboard/name"/>&#160;&#160;&#160;</td>
        <td align="left">&#160;&#160;&#160;<xsl:value-of select="processor/name"/>&#160;&#160;&#160;</td>
        <td align="left">&#160;&#160;&#160;<xsl:value-of select="ram/name"/>&#160;&#160;&#160;</td>
        <td align="left">&#160;&#160;&#160;<xsl:value-of select="videocard/name"/>&#160;&#160;&#160;</td>
        <td align="center">
            <xsl:value-of select="quantity"/>
        </td>    
	    <td align="left">&#160;&#160;&#160;<xsl:value-of select="(hdd/price+motherboard/price+processor/price+ram/price+videocard/price)*quantity"/>&#160;&#160;&#160;</td>
    </tr>
  </xsl:template>

  <xsl:template match="checkout">
    <html>
    <head><title>ComputerShop::Checkout</title></head>
    <body>
	<form action="shop" method="post" id = "shoppingcart_form">
	  <table border="0" cellspacing="0" align = "center" bgcolor="CornflowerBlue" id="shoppingcart_table">
		<tr bgcolor="silver">
		  <td colspan="8">
			 <strong>Shoppingcart</strong>
		  </td>
		</tr>
		<tr bgcolor="silver">
		  <td align="left">Product&#160;&#160;&#160;</td>
		  <td align="left">&#160;&#160;&#160;Hard Drive&#160;&#160;&#160;</td>
		  <td align="left">&#160;&#160;&#160;Motherboard&#160;&#160;&#160;</td>
		  <td align="left">&#160;&#160;&#160;Processor&#160;&#160;&#160;</td>
		  <td align="left">&#160;&#160;&#160;RAM&#160;&#160;&#160;</td>
		  <td align="left">&#160;&#160;&#160;Videocard&#160;&#160;&#160;</td>
		  <td align="left">&#160;&#160;&#160;Quantity&#160;&#160;&#160;</td>
		  <td align="left">&#160;&#160;&#160;Price&#160;&#160;&#160;</td>
		</tr>
			<xsl:apply-templates select="shoppingcart/order"/>
        <tr bgcolor="silver">
		  <!--td align="right" colspan = "6"><b>Total:&#160;&#160;&#160;</b></td-->
		  <!--td align="center"><b>&#160;&#160;&#160;<xsl:value-of select="totalQuantity"/></b></td-->
		  <!--td align="left"><b>&#160;&#160;&#160;<xsl:value-of select="totalPrice"/></b></td-->
		</tr>			
	   </table>
	   </form>
	   <br/>
	  
	    &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
		&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
		&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
		&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
		&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
		&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
		&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
		&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
		&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
		&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
		    <!-- Return back to the list of components -->
			<xsl:element name="a"> <!-- A link in XSLT -->
			<xsl:attribute name="href"><xsl:text>shop</xsl:text></xsl:attribute>
			<xsl:text>Back</xsl:text>
			</xsl:element>
				
		<table border="0" align = "center" bgcolor="silver">
		  <form action="shop" method="post">
			<input type="hidden" name="action" value="save" />
			<tr>
			  <td>Name:</td>
			  <td><input>
				  <xsl:attribute name="type">text</xsl:attribute>
				  <xsl:attribute name="name">shipping_name</xsl:attribute>
				  <xsl:attribute name="value"><xsl:value-of select="name"/></xsl:attribute>
			  </input></td>
			</tr>
		   <tr>
			  <td>Address:</td>
			  <td><input>
				 <xsl:attribute name="type">text</xsl:attribute> 
				 <xsl:attribute name="name">shipping_address</xsl:attribute>
				 <xsl:attribute name="value"><xsl:value-of select="address"/></xsl:attribute>
			  </input></td>
			</tr>
			<tr>
			  <td>Zip code:</td>
			  <td><input>
				  <xsl:attribute name="type">text</xsl:attribute>
				  <xsl:attribute name="name">shipping_zipcode</xsl:attribute>
				  <xsl:attribute name="value"><xsl:value-of select="zip"/></xsl:attribute>
			  </input></td>
			</tr>
			<tr>
			  <td>City:</td>
			  <td><input>
				 <xsl:attribute name="type">text</xsl:attribute>
				 <xsl:attribute name="name">shipping_city</xsl:attribute>
				 <xsl:attribute name="value"><xsl:value-of select="city"/></xsl:attribute>
			  </input></td>
			</tr> 
			<tr>
			<td colspan="2" align = "right"><input type="submit" value="Buy" /></td>
			</tr>
		  </form>
		</table>
				  
    </body>
    </html>
  </xsl:template>
  
    
</xsl:stylesheet>
